<link rel="stylesheet" href="__STATIC__/widget/admin/region/region_style.css">
<div>
    <select name="city{$widget_data.name}" id="city_{$widget_data.name}" class="form-control addon-form-group-select"></select>
</div>

<script type="text/javascript">

    $(function(){

        var city_id = "{$widget_data['city']}";

        var get_options_url = '{:url("Widget/getRegionOptions")}';



        function changeCity(city_id = 0, select_id = 0)
        {
            $.get(get_options_url, {upid: city_id, select_id: select_id, level : 2}, function(result){ $("#city_{$widget_data.name}").html(result); });
        }

        changeCity(0, city_id);

        $("#city_{$widget_data.name}").change(function(){ changeCounty($("#city_{$widget_data.name}").val());});
    });
</script>